<template>
	<view class="business">
		<view class="title">品牌商家推荐</view>
		<view class="business-item">
			<view class="business-item-one">
				<!-- 周大金 -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/94984804d8284d9e94b980447de5029f.png" mode="widthFix" @click="zdj()"></image>
				<!-- 中国金楼 -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/f31c598a5771487fa569c6611015faee.png" mode="widthFix" class="zgjl_img" @click="zgjl()"></image>
			</view>
			<view class="business-item-tow">
				<!-- 广胜珠宝 -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/22/b56696e46630463d81490ae3d94e3662.png" mode="widthFix" class="sfzb_img" @click="gssl()"></image>
				<!-- 黄金优订 -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/22/8ef5d2791ed8452996757973cf6622d3.png" mode="widthFix" class="xwzs_img" @click="hjyd()"></image>
				<!-- 聚金品 -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/22/2eaab939edd142f69ccc0c9bb6405ce0.png" mode="widthFix" class="moxi_img" @click="jjp()"></image>
			</view>
			<view class="business-item-three">
				<!-- 金明丰 -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/06636b74affd4ef5886f20436c79b1e6.png" mode="widthFix" @click="jmf()"></image>
				<!-- 中国金店 -->
				<!-- <image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/8254bb5890a441179a963fc71ba2ea4f.png" mode="widthFix" class="zgjd_img" @click="zgjd()"></image> -->
				<!-- 建国珠宝 -->
				<image class="jgzb" src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/07/12/1ea2200ebc584f2189c4bd45156efabc.png" mode="widthFix" @click="jgzb()"></image>
			</view>
			<view class="business-item-four">
				<!-- 珠宝小清新 -->
				<!-- <image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/294385cfbc1b4ac98f0c31d5681abf3a.png" mode="widthFix" class="wd_img"></image> -->
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/4e72c8e4531646088c55a38e070890ad.png" mode="widthFix" class="wd_img" @click="zbxqx()"></image>
				<!-- <image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/4dc71cc189f34d688ba5e273b6f99470.png" mode="widthFix" class="wd_img"></image> -->
			</view>
		<!-- 	<view class="business-item-five">
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/1c50b7a8ef5c436ea830f52f3f03a420.png" mode="widthFix" class="wd_img"></image> 
				<image src="https://t1.chowtaiking.com.cn/img/ruoyi/2024/04/17/1ff64378428640d59a1925e0d3f63130.png" mode="widthFix" class="wd_img"></image>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			// 周大金
			zdj(){
				uni.navigateToMiniProgram({
					appId:"wxe8254124be3b0d3e"
				})
			},
			// 中国金楼
			zgjl(){
				uni.navigateToMiniProgram({
					appId:"wxc01bb1d21025711d"
				})
			},
			// 广胜烧蓝
			gssl(){
				uni.navigateToMiniProgram({
					appId:"wx4ecd6743ff7f51fe"
				})
			},
			// 聚金品
			jjp(){
				uni.navigateToMiniProgram({
					appId:"wx7c9ed61341d55771"
				})
			},
			// 黄金优订
			hjyd(){
				uni.navigateToMiniProgram({
					appId:"wx24561e6643bc01f1"
				})
			},
			// 金明丰
			jmf(){
				uni.navigateToMiniProgram({
					appId:"wx740cab1cf0c3ea31"
				})
			},
			// 中国金店
			zgjd(){
				uni.navigateToMiniProgram({
					appId:"wx158ca81f06857260"
				})
			},
			// 建国珠宝
			jgzb(){
				uni.navigateToMiniProgram({
					appId:"wx661922d4e2905c60"
				})
			},
			// 珠宝小清新
			zbxqx(){
				uni.navigateToMiniProgram({
					appId:"wx78a07c964d0d0f1f"
				})
			}
		}
	}
</script>

<style lang="less">
	.business{
		width: 100%;
		background-color: white;
		border-radius: 20px;
		// margin-top: 20px;
	}
	.business .title{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 30px;
		background-color: #fbda88;
		text-align: center;
		line-height: 30px;
		border-radius: 20px;
		font-size: 14px;
	}
	
	
	.tuijian_ico{
		width: 20px;
		margin-left: 7px;
	}
	
	.business-item-one,.business-item-three,.business-item-five{
		margin-top: 15px;
		display: flex;
		justify-content: space-evenly;
	}
	.business-item-one image,.business-item-tow image,.business-item-three image,.business-item-four image,.business-item-five image{
		width: 80px;
	}
	.jgzb{
		width: 120px !important;
	}
	.business-item-tow,.business-item-four{
		margin-top: 15px;
		display: flex;
		justify-content: space-around;
	}
	.moxi_img{
		width: 90px !important;
	}
	.business-item-five{
		padding-bottom: 15px;
	}
	.business-name{
		width: 100px;
		height: 33px;
		background-color: #fdf1e2;
		line-height: 30px;
		text-align: center;
		border-radius: 10px;
		font-size: 11px;
	}
	
	.xwzs_img{
		width: 190rpx !important;
	}
	
	.bj_logo{
		width: 100px;
		height: 30px !important;
	}
	
	.zgjd_img{
		width: 100px !important;
	}
	
	.wd_img{
		width: 110px !important;
	}
	.zgjl_img{
		// height: 20px !important;
		margin-top: 20rpx;
	}
</style>